<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!-- 在浏览器标签栏展示logo -->
		<link rel="icon" href="img/tyust.png">
		<title>2019级毕业实习</title>
	</head>
	<body>
		<h2>表单 律师档案创建</h2>
		<form action="tyust.html" action="post">
			用户名 <input type="text" placeholder="请输入用户名"/>
			<br>
			密码 <input type="password"/>
			<br>
			生日 <input type="date"/>
			<br>
			性别 <input type="radio" name="gender"/>男
				 <input type="radio" name="gender"/>女
				 <br>
			籍贯 <select>
				<option>山西</option>
				<option>河北</option>
				<option>河南</option>
			</select>
			<br>
			<!-- 复选框 -->
			爱好 <input type="checkbox"/>踢球
				<input type="checkbox"/>旅游
				<input type="checkbox"/>滑雪
			<br>
			照片 <input type="file"/>
			<br>
			备注 <textarea placeholder="多行文本框" cols="80" rows="5"></textarea>
			<br>
			<input type="submit" value="注册">
			<input type="reset" value="重填">
		</form>
		<h2>超链接</h2>
		<a href="https://www.tyust.edu.cn/">太原科技大学</a>
		<br>
		<a href="tyust.html">测试</a>
		<h2>图片</h2>
		<img src="img/tyust.png" width="300px">
		<h2>表格</h2>
		<table border="1px" width="500px">
			<tr>
				<td>车次</td>
				<td>出发站</td>
				<td>历时</td>
				<td>
					<button>预定</button>
				</td>
			</tr>
			<tr>
				<td>D5368</td>
				<td>太原</td>
				<td>1h</td>
				<td>
					<button>预定</button>
				</td>
			</tr>
			<tr>
				<td>D5368</td>
				<td>西安</td>
				<td>1h</td>
				<td>
					<button>预定</button>
				</td>
			</tr>
			<tr>
				<td>D5368</td>
				<td>南京</td>
				<td>1h</td>
				<td>
					<button>预定</button>
				</td>
			</tr>
		</table>
		<h2>DIV使用</h2>
		<div>
			太原科技大学
			DIV是用来放东西的
			<img src="img/tyust.png">
		</div>
		<h2>span用法</h2>
		用户 <input type="text"> <span style="color:red">用户名不能为空</span>
		<h2>列表</h2>
		<ul>
			<li>软件工程</li>
			<li>智能</li>
			<li>物联网</li>
		</ul>
		<ol>
			<li>软件工程</li>
			<li>智能</li>
			<li>物联网</li>
		</ol>
	</body>
</html>
